<template>
  <div>石材表面抗压强度监测 {{countNum}} </div>
  <div>
    <el-button type="primary" @click.prevent="startCountDown(10)">验证码</el-button>
    <el-button type="primary" @click.prevent="clearCountDown">清除</el-button>
  </div>
  <div>
    <img width="360" height="500" v-for="item in arr" v-imgLazy="item" alt="">
    <!-- base64图片 -->
    <img id="img" class="pic-404__child mid" src="@/assets/404_images/404.png" alt="404">
  </div>
</template>

<script setup name="CompressiveStrength">
import { useBase64, useSendVerificationCode } from '@/hooks/index'
const { countNum, startCountDown, clearCountDown } = useSendVerificationCode()


let imageList = import.meta.glob('@/assets/images/*.*',{eager:true})
let arr = Object.values(imageList).map(v=>v.default)

useBase64({el:'#img'}).then(res=>{
  console.log('es',res.baseUrl)
})

</script>

<style lang='scss' scoped>

</style>